<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>胖糖游戏首页</title>
        <link
            rel="stylesheet"
            href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css"
        />
        <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
    </head>
    <body>
        <div class="web">
            <!-- 头部标题栏 -->
            <header class="animate__animated animate__zoomInDown">
                <div class="logo">
                    <div class="bos">
                        <img src="../img/first/logo.png" alt="" />
                    </div>
                </div>
                <div class="title">
                    <div class="home">
                        <a href="./index.html"
                            ><div class="box1">
                                <p>首页</p>
                                <p>home</p>
                            </div></a
                        >
                    </div>
                    <div class="home">
                        <a href="./gamelist.html"
                            ><div class="box1">
                                <p>游戏</p>
                                <p>game</p>
                            </div></a
                        >
                    </div>
                    <div class="home">
                        <a href="./gamepage.html"
                            ><div class="box1">
                                <p>案例</p>
                                <p>Case</p>
                            </div></a
                        >
                    </div>
                    <div class="home">
                        <a href="./list.html"
                            ><div class="box1">
                                <p>关于我们</p>
                                <p>About us</p>
                            </div></a
                        >
                    </div>
                    <div class="home">
                        <a href="./personal.html"
                            ><div class="box1">
                                <i class="iconfont icon-weixin"></i></div
                        ></a>
                    </div>
                </div>
            </header>
            <!-- 广告栏 -->
            <section>
                <div class="phone">
                    <div class="text">
                        <div class="contant1">
                            <div class="climb">
                                <img src="../img/first/head.png" alt="" />
                            </div>
                            <div class="list">
                                <div class="animate__animated animate__bounce game1">
                                    <img src="../img/first/game_1.png" alt="" />
                                </div>
                                <div class="animate__animated animate__flash game1">
                                    <img src="../img/first/game_2.png" alt="" />
                                </div>
                                <div class="animate__animated animate__pulse game1">
                                    <img src="../img/first/game_3.png" alt="" />
                                </div>
                                <div class="animate__animated animate__bounceInLeft game1">
                                    <img src="../img/first/game_4.png" alt="" />
                                </div>
                            </div>
                        </div>
                        <div class="contant2">
                            <img src="../img/first/phone.png" alt="" />
                            <img src="../img/first/game.png" alt="" />
                        </div>
                        <div class="contant3">
                            <div class="cod">
                                <div class="cod1">
                                    <p>我们能给</p>
                                    <p>客户带来的利益</p>
                                    <p>每一个细节的处理</p>
                                    <p>都体现出我们对时尚的不懈追求</p>
                                    <img src="../img/first/liao.png" alt="" />
                                </div>
                            </div>
                            <div class="list">
                                <div class="animate__animated animate__zoomInDown web game1">
                                    <img src="../img/first/game_5.png" alt="" />
                                </div>
                                <div class="animate__animated animate__fadeInLeft game1">
                                    <img src="../img/first/game_6.png" alt="" />
                                </div>
                                <div class="animate__animated animate__fadeInBottomLeft game1">
                                    <img src="../img/first/game_7.png" alt="" />
                                </div>
                                <div class="animate__animated animate__jackInTheBox game1">
                                    <img src="../img/first/game_8.png" alt="" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- 主要内容 -->
            <nav>
                <img src="../img/first/qqq.png" alt="" />
                <img src="../img/first/hd.png" alt="" class="youxi"/>
                <div class="one">
                    <div class="the">
                        <div class="iii">
                            <img src="../img/first/one.png" alt="" />
                            <div class="then">
                                <img src="../img/first/brand.png" alt="">
                            </div>
                        </div>
                        <h3>STEP ONE</h3>
                        <p>选择一个游戏，换图</p>
                    </div>
                    <div class="the">
                        <div class="iii">
                            <img src="../img/first/step.png" alt="" />
                            <div class="then">
                                <img src="../img/first/photo.png" alt="">
                            </div>
                        </div>
                        <h3>THE SECOND STEP</h3>
                        <p>选择一个游戏，换图</p>
                    </div>
                    <div class="the">
                        <div class="iii">
                            <img src="../img/first/third.png" alt="" />
                        </div>
                        <h3>THE THIRD STEP</h3>
                        <p>选择一个游戏，换图</p>
                    </div>
                </div>
                <div class="turn">
                    <div class="foot">
                        <h3>狂转游戏</h3>
                        <span>潮流趣味游戏，引发全民G点，疯狂转发。还不马上购买，植入你要传播的产品？</span>
                        <p>Turn mad game</p>
                    </div>
                    <div class="gg">
                        <div class="wow animate__zoomInDown plag">
                            <img src="../img/first/ice.png" alt="">
                            <div class="fan">
                                <p>剑圣传奇</p>
                                <p>2014-07-09</p>
                                <p>使用次数:20</p>
                                <p>--</p>
                            </div>
                            <div class="shop">
                                <div class="shop1">
                                    <span>购买</span>
                                </div>
                                <p class="iconfont icon-wujiaoxing"></p>
                            </div>
                        </div>
                        <div class="wow animate__bounceInLeft plag">
                            <img src="../img/first/weekly.png" alt="">
                            <div class="fan">
                                <p>剑圣传奇</p>
                                <p>2014-07-09</p>
                                <p>使用次数:20</p>
                                <p>--</p>
                            </div>
                            <div class="shop">
                                <div class="shop1">
                                    <span>购买</span>
                                </div>
                                <p class="iconfont icon-wujiaoxing"></p>
                            </div>
                        </div>
                        <div class="wow animate__bounceInRight plag">
                            <img src="../img/first/www.png" alt="">
                            <div class="fan">
                                <p>剑圣传奇</p>
                                <p>2014-07-09</p>
                                <p>使用次数:20</p>
                                <p>--</p>
                            </div>
                            <div class="shop">
                                <div class="shop1">
                                    <span>购买</span>
                                </div>
                                <p class="iconfont icon-wujiaoxing"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="turn">
                    <div class="foot">
                        <div class="d1"></div>
                        <h3>抽奖游戏</h3>
                        <span>形式各样抽奖游戏，引发全民尖叫，惊喜不断。
                                还不马上购买，植入你要传播的产品？</span>
                        <p>Lottery game</p>
                    </div>
                    <div class="gg">
                        <div class="wow animate__bounce plag">
                            <img src="../img/first/ice.png" alt="">
                            <div class="fan">
                                <p>剑圣传奇</p>
                                <p>2014-07-09</p>
                                <p>使用次数:20</p>
                                <p>--</p>
                            </div>
                            <div class="shop">
                                <div class="shop1">
                                    <span>购买</span>
                                </div>
                                <p class="iconfont icon-wujiaoxing"></p>
                            </div>
                        </div>
                        <div class="plag">
                            <img src="../img/first/weekly.png" alt="">
                            <div class="fan">
                                <p>剑圣传奇</p>
                                <p>2014-07-09</p>
                                <p>使用次数:20</p>
                                <p>--</p>
                            </div>
                            <div class="shop">
                                <div class="shop1">
                                    <span>购买</span>
                                </div>
                                <p class="iconfont icon-wujiaoxing"></p>
                            </div>
                        </div>
                        <div class="plag">
                            <img src="../img/first/www.png" alt="">
                            <div class="fan">
                                <p>剑圣传奇</p>
                                <p>2014-07-09</p>
                                <p>使用次数:20</p>
                                <p>--</p>
                            </div>
                            <div class="shop">
                                <div class="shop1">
                                    <span>购买</span>
                                </div>
                                <p class="iconfont icon-wujiaoxing"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shary">
                    <div class="fly">
                        <h3>经典案例分享</h3>
                        <span>大家对胖糖的信赖，
                                来源于其产品与需求巧妙结合的经典营销效果。</span>
                        <p>Lottery game</p>
                    </div>
                    <div class="plane">
                        <div class="oct">
                            <div class="mad">
                                <img src="../img/first/october.png" alt="">
                            </div>
                            <div class="trd">
                                <h4>南方航空</h4>
                                <p>飞行挑战赛</p>
                                <p>扫码关注微信参加飞行挑战赛并抽奖</p>
                                <p>即有机会赢取丰厚奖品</p>
                            </div>
                            <div class="hd">
                                <img src="../img/first/fly.png" alt="">
                            </div>
                        </div>
                        <div class="oct">
                            <div class="mad">
                                <img src="../img/first/october.png" alt="">
                            </div>
                            <div class="trd">
                                <h4>南方航空</h4>
                                <p>飞行挑战赛</p>
                                <p>扫码关注微信参加飞行挑战赛并抽奖</p>
                                <p>即有机会赢取丰厚奖品</p>
                            </div>
                            <div class="hd">
                                <img src="../img/first/fly.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="plane1">
                        <div class="oct">
                                <div class="mad">
                                        <img src="../img/first/october.png" alt="">
                                    </div>
                                    <div class="trd">
                                        <h4>南方航空</h4>
                                        <p>飞行挑战赛</p>
                                        <p>扫码关注微信参加飞行挑战赛并抽奖</p>
                                        <p>即有机会赢取丰厚奖品</p>
                                    </div>
                                    <div class="hd">
                                        <img src="../img/first/fly.png" alt="">
                                    </div>
                        </div>
                        <div class="oct">
                                <div class="mad">
                                        <img src="../img/first/october.png" alt="">
                                    </div>
                                    <div class="trd">
                                        <h4>南方航空</h4>
                                        <p>飞行挑战赛</p>
                                        <p>扫码关注微信参加飞行挑战赛并抽奖</p>
                                        <p>即有机会赢取丰厚奖品</p>
                                    </div>
                                    <div class="hd">
                                        <img src="../img/first/fly.png" alt="">
                                    </div>
                        </div>
                    </div>
                </div>
            </nav>
            <!-- 尾部 -->
            <footer>
                <img src="../img/first/tata.png"/>
                <img src="../img/first/popo.png" />
            </footer>
        </div>
    </body>
</html>
